<!--
 * @Author: your name
 * @Date: 2019-10-25 19:56:46
 * @LastEditTime: 2019-11-06 16:27:33
 * @LastEditors: your name
 * @Description: In User Settings Edit
 * @FilePath: /-/src/pages/guidePage.vue
 -->
<template>
  <view class="guild-page">
    <swiper
      :autoplay="autoplay"
      :indicator-dots="indicatorDots"
      :circular="circular"
      indicator-color="#BBBBBB"
      indicator-active-color="#1B65FA"
      style="height:100%;width:100%"
      @change="indicatorChange"
    >
      <swiper-item v-for="(item,index) in guildList" :key="index">
        <view class="content">
          <view class="guild-img">
            <image
								:src="item.src"
								mode="scaleToFill"
								lazy-load="false">
            </image>
          </view>
          <view class="experience-btn" v-if="index+1==guildList.length" @click="experienceFn"></view>
        </view>
      </swiper-item>
    </swiper>
  </view>
</template>

<script>
import Vue from "vue";
export default {
  data() {
    return {
      autoplay: false, //是否自动切换
      indicatorDots: false, //是否显示面板指示点
			circular:false, //是否采用衔接滑动
      guildList: [
        {
          src: "../static/images/guide-1.png",
        },
        {
          src: "../static/images/guide-2.png",
        },
        {
          src: "../static/images/guide-3.png",
        }
      ]
    };
  },
	onLoad(){
	
	},
  methods: {
    //swiper切换回调
    indicatorChange(e) {
      const cur = e.detail.current;
    },
	//立即体验页面跳转
	experienceFn(){
    Vue.customSwitchTab('./home')
      uni.setStorage({
        key: "launchFlag",
        data: true,
      });
	}
	}
};
</script>
<style lang="less" scope>
  .guild-page {
    height: 100vh;
    .content {
      text-align: center;
			font-size: 45upx;
			color:#333333;
      font-family: PingFangSC-Medium;
      position: relative;
      .guild-img {
        image {
          width: 100%;
          height: 100vh;
        }
      }
      .experience-btn {
        width:300upx;
        height:58upx;
        position: absolute;
        bottom: 17vh;
        left: 50%;
        margin-left: -150upx;
        border-radius: 44upx;
        font-size: 36upx;
        font-family: PingFangSC-Medium;
        font-weight: 500;
        text-align: center;
        line-height: 58upx;
      }
    }
  }
</style>
